﻿var left, right;
var pagewidth;

$(function () {
    left = $('#left-side');
    right = $('#right-side');
    pagewidth = $(document.body).width();

    var lw = left.width();
    right.width(pagewidth - lw);

    window.onresize = function () {
        pagewidth = $(document.body).width();

        lw = left.width();
        var rw = pagewidth - lw - 5;
        if (pagewidth < 800) {
            return;
        }

        right.width(rw);
    }

    $('li.listitem div.item-panel').bind('click', function () {
        var p = $(this);
        if (!p.hasClass('item-panel-list')) {
            var offset = p.offset();
            p.addClass('item-panel-list').css({ 'left': offset.left - 5, 'top': offset.top - 5 });
            p.find('ul').show(function () {
                p.focus();
            });
        } else {
            p.find('ul').hide(function () {
                p.removeClass('item-panel-list');
            });
        }
    }).bind('blur', function () {
        alert('blur');
        $(this).removeClass('item-panel-list');
        $(this).find('ul').hide();
    });
});
